<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style>
.img-tl {
  display: block;
  height: 15px;
  width: 14px;
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  animation-duration: 1s;
  animation-delay: 0.1s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes bounce {
    100%,20%,53%,80%,from {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}
.van-popup {
  background-color: transparent !important;
}
.popup-img {
  width: 110px;
}
</style>
